html {
	&.moz-scrollbar {
		scrollbar-color: var(--el-color-primary-light-7) #fff; //滚动条轨道颜色、滚动条滑块的颜色
  	scrollbar-width: thin;     //thin模式下滚动条两端的三角按钮会消失
		// 这里定义滚动条的样式
		::-webkit-scrollbar {
			width: 8px;
			height: 8px;
		}
	}
	&.webkit-scrollbar {
		// // Firefox浏览器滚动条样式
		scrollbar-color: var(--el-color-primary-light-7) #fff; //滚动条轨道颜色、滚动条滑块的颜色
		scrollbar-width: auto;

		// 这里定义滚动条的样式
		::-webkit-scrollbar {
			width: 8px;
			height: 8px;
		}
		/*自定义滚动条的轨道*/
		::-webkit-scrollbar-track {
			background-color: #FFFFFF;
		}
		/*自定义::-webkit-scrollbar-thumb动条里面的小方块，能向上向下移动*/
		::-webkit-scrollbar-thumb {
			background-color: var(--el-color-primary-light-7);
			border-radius: 5px;
			// border: 1px solid #bddcfd;
			border: 1px solid var(--el-color-primary-light-7);
		}
		::-webkit-scrollbar-thumb:hover {
			// background-color: #b9d9fa;
			background: var(--el-color-primary-light-7);
		}
		::-webkit-scrollbar-thumb:active {
			// background-color: #b9d9fa;
			background: var(--el-color-primary-light-7);
		}
		/*边角，即两个滚动条的交汇处*/
		::-webkit-scrollbar-corner {
			background-color: #FFFFFF;
		}
		::-webkit-scrollbar-button {
			display: none;
		}
	}
}
